<template>
	<div class="searchBox">
		<div class="title">{{ props.title }}</div>
		<van-search background="#24c5b4" shape="round" v-model="value" placeholder="请输入搜索关键词" />
	</div>
	<div></div>
</template>

<script setup>
	import {
		ref,
		onMounted ,
		defineProps
	} from "vue";
	const props = defineProps({
		title: {
			type: String,
			default: ""
		}
	})
	const value = ref('')
</script>


<style scoped lang="scss">
	.searchBox {
		background-color: #24c5b4;
		width: 100%;

		.title {
			text-align: center;
			color: #fff;
			padding: 0.5em;
			font-weight: bold;
		}
	}
</style>